*{margin: 0;padding: 0;}
body,html{margin: 0 auto;}
li{list-style: none;float: left;font-size: 16px;font-family: Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;}
a{text-decoration: none;}
.dn{display: none !important;}
.df{display: flex;}
input{border: 0;outline: none;}
button{border: 0;outline: none;}
p{color:rgba(68,68,68,1);font-size: 16px;font-family: Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;}

.videos-main-addMove {
  animation: addMove 0.5s both;
  
}
.videos-main-deleteMove {
  animation: deleteMove 0.5s both;
}

@keyframes deleteMove{
  0%{transform: translateY(-10px);box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1) ;}
  100%{ transform: translateY(0);box-shadow: 0 8px 10px rgba(0, 0, 0, 0.05) ;}
}

@keyframes addMove{
  0%{transform: translateY(0);box-shadow: 0 8px 10px rgba(0, 0, 0, 0.05) ;}
  100%{ transform: translateY(-10px);box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1) ;}
}